<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-27 23:11:32
-->
<template>
  <div class="money">
    <div class="wrapper" ref="wrapper">
      <div class="wrapper-content">
        <mslider :items="items"></mslider>
        <ad title="神券" src="//img12.360buyimg.com/jrpmobile/jfs/t5842/235/8356236245/38364/2112fd7e/597a95d4Ne01da140.png?width=750&height=270"></ad>
        <money></money>
        <ad title="理财金" src="//img12.360buyimg.com/jrpmobile/jfs/t10876/23/2566835181/40527/d7d27c08/59f97d68Ne53fda5b.png?width=1080&height=240"></ad>
        <finance></finance>
        <ad title="京东智投" src="//img12.360buyimg.com/jrpmobile/jfs/t7162/219/4755741/18941/4e51a5aa/597b066dNf6c7a972.jpg?width=750&height=120"></ad>
        <Tfooter></Tfooter>
      </div>
    </div>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
import Tfooter from '../../components/footer.vue'
import mslider from '../../components/slider.vue'
import panel from '../../components/panel.vue'
import money from '../home/components/money.vue'
import ad from '../../components/ad.vue'
import finance from '../money/components/finance.vue'
export default {
  name: 'moneyIndex',
  data(){
	  return{
      items:[{
        src:'//img12.360buyimg.com/jrpmobile/jfs/t9994/205/2575467053/189117/125e7b05/59f97c36N7599be57.png?width=750&height=400'
      },{
        src:'//img12.360buyimg.com/jrpmobile/jfs/t11149/181/856008463/68797/dc303e9/59f97baeN3cdae084.jpg?width=750&height=400'
      }]
	  }
  },
  props:{
  
  },
  components:{
    Tfooter,mslider,panel,money,ad,finance
  },
  created(){

  },
  mounted(){
    this.creatScroll()
  },
  methods:{
    creatScroll(){
      this.$nextTick(() => {
        if(!this.scroll){
          this.scroll=new BScroll(this.$refs.wrapper,{
            click: true
          })
        }else{
          this.scroll.refresh()
        }
      })
    }
  }
}
</script>
<style lang="stylus" scoped>
.money
  overflow:hidden
  position:absolute
  left:0
  top:50px
  right:0
  bottom:50px
  background:#f5f5f5  
  .wrapper
    height:100%
.noAD
  >>>h4
    display:none 
  .content
    width:100%
    img
      width:100%

</style>


